<template>
  <div class="goods">
    <p>{{uname}} </p>
    <p>{{age}} </p>
    <p>{{sex}} </p>

  </div>
</template>

<script>
export default {
  // props:['uname','age','sex']

  // props也可以写成对象格式(写对象格式,是为了加更多配置)
  // 有三个配置可以使用 required 表示必填  type 类型约束  default 默认值
  props:{
    uname:{
      required: true, //表示父组件必须传值
      type:String //要求父组件传递过来的值,必须是字符串类型
    },
    age: Number,  //要求父组件传递过来的值,必须是Number类型
    sex:{
      default:'未知',
      type:[String,Number] // 写多种类型,要写成数组格式
    }
  }




}
</script>

<style>
  .goods{
    min-height: 50px;
    border: solid 5px black;
    border-radius: 80px;
    margin: 30px;
    text-align: left;
    font-size: 22px;
  }
  p{
    margin-left: 80px;
  }
</style>